   <!-- <ng2-smart-table [settings]="settings" [source]="data"></ng2-smart-table> -->
    <!-- <input #search class="search" type="text" placeholder="Search..." (keydown.enter)="onSearch(search.value)"> -->
    <div class="search col-sm-3 text-center pull-center" id="main-search">
      <input type="text" class="form-control underline-input" placeholder="Search...">
    </div>
   <ng2-smart-table [settings]="settings" [source]="data" (custom)="onCustom($event)"></ng2-smart-table>

   <!-- <button class="red">My Button</button>
<script>
var button = document.querySelector('button');
var root = button.createShadowRoot();
root.innerHTML = '<style>' +
    ':host { text-transform: uppercase; }' +
    '</style>' +
    '<content></content>';
</script> -->